<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title>js 网页导航栏目点击动画</title>
    <script src="../js/base.min.js"></script>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="../css/css.css"/>
</head>
<body>

<ul class="nav">
    <li data-test="index" class="ok">首页</li>
    <li data-test="about">关于我们</li>
    <li data-test="product">产品中心</li>
    <li data-test="news">新闻中心</li>
    <li data-test="contact">联系我们</li>
</ul>

<div id="index" class="kk" > 我是首页</div>
<div id="about"  class="kk"> 关于我们</div>
<div id="product"  class="kk"> 产品中心</div>
<div id="news"  class="kk"> 新闻中心</div>
<div id="contact"  class="kk"> 联系我们</div>




<!--子分类下拉-->
<ul class="fenlei">
    <li>
        <span>关于我们</span>
        <ul>
            <li>公司简介</li>
            <li>企业文化</li>
            <li>董事长致辞</li>
            <li>公司环境</li>
        </ul>
    </li>

    <li>
        <span>关于我们1</span>
        <ul>
            <li>公司简介</li>
            <li>企业文化</li>
            <li>董事长致辞</li>
            <li>公司环境</li>
        </ul>
    </li>


    <li>
        <span>关于我们2</span>

        <ul>
            <li>公司简介</li>
            <li>企业文化</li>
            <li>董事长致辞</li>
            <li>公司环境</li>
        </ul>
    </li>



</ul>






<script src="../js/index.js"></script>
</body>
</html>

